<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>商品列表</title>
		<link rel="stylesheet" type="text/css" href="css/commen.css" />
		<link rel="stylesheet" type="text/css" href="css/shop_list.css" />
		<script type="text/javascript" src="js/jquery-1.11.0.js" ></script>
		<script type="text/javascript" src="js/login_user.js" ></script>
	</head>
	<body>
		<div class="header">
			<div class="header-top">
				<div class="navigation">
					<ul>
						<li><a href="#">网站导航</a></li>
						<li><a href="#">客户服务</a></li>
						<li><a href="user.html">会员中心</a></li>
						<li><a href="shop_cart.html">购物车</a></li>
						<li><a href="#">我的收藏</a></li>
						<li><a href="#">我的贺曼</a></li>
						<li><a href="register.html">注册</a></li>
						<li><a href="login.html">登录</a></li>
					</ul>
				</div>
			</div>
			<div class="header-conter">
				<a href="index.html" class="left"><img src="images/logo.jpg"></a>
				<div class="middle">
					<div class="search">
						<input type="text" class="btn" />
						<span>搜索</span>
					</div>
					<i>大家都在搜：<a href="pro_details.html">连衣裙</a>  <a href="pro_details.html">连体衣 </a> <a href="pro_details.html">儿童毯</a>  <a href="pro_details.html">帽子</a></i>
				</div>
				<a class="right"><img src="images/index01.jpg"></a>
			</div>
			<div class="header-bottom">
				<div class="menu">
					<ul>
						<li><a href="index.html">首页</a></li>
						<li><a href="shop_list.html">特惠购</a></li>
						<li><a href="shop_list.html">闪购</a></li>
						<li><a href="shop_list.html">新品抢购</a></li>
						<li><a href="shop_list.html">全球购</a></li>
					</ul>
				</div>
				
			</div>
		</div>
		<div class="nav">

			<div class="sub-nav">
				<div class="pro-classify">
					<h2>全部产品分类</h2>
					<ul>
						<li>
							<a class="tx">
								婴幼儿服装>
							</a>
							<div class="pro">
								<dl>
									<dt>连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a2">
							<a class="tx">男童服装></a>
							<div class="pro">
								<dl>
									<dt>2连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a3">
							<a class="tx">女童服装></a>
							<div class="pro">
								<dl>
									<dt>3连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a4">
							<a class="tx">儿童配饰></a>
							<div class="pro">
								<dl>
									<dt>4连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a5">
							<a class="tx">婴儿家居></a>
							<div class="pro">
								<dl>
									<dt>5连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a6">
							<a class="tx">儿童家居></a>
							<div class="pro">
								<dl>
									<dt>6连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
						<li class="a7">
							<a class="tx">其他></a>
							<div class="pro">
								<dl>
									<dt>7连体衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>套装&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>
										<a>短袖三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>内衣&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
								<dl>
									<dt>裙子&gt;</dt>
									<dd>
										<a>纯棉无袖</a>
										<a>纯棉有袖</a>
										<a>爬爬服</a>
										<a>背心三角</a>	
									</dd>
								</dl>
							</div>
						</li>
					</ul>
				</div>
				<!--pro-classify-->
			</div>	
		</div>
		<!--头部 end-->
		<div class="conter">
			<h3>所有分类></h3>
			<div class="top">
				<ul>
					<li>
						<dl>
							<dt>分类:</dt>
							<dd>
								<a href="shop_list.html">连身衣 </a>
								<a href="shop_list.html"> 爬爬服</a>
								<a href="shop_list.html">连衣裙</a>
								<a href="shop_list.html">套装 </a>
								<a href="shop_list.html">裤子 </a>
								<a href="shop_list.html">上衣</a>
								<a href="shop_list.html">外套</a>	
							</dd>
							<dd style="display: none;">
								<a href="shop_list.html">连身衣 </a>
								<a href="shop_list.html"> 爬爬服</a>
								<a href="shop_list.html">连衣裙</a>
								<a href="shop_list.html">套装 </a>
								<a href="shop_list.html">裤子 </a>
								<a href="shop_list.html">上衣</a>
								<a href="shop_list.html">外套</a>	
							</dd>
							<a class="off" style="display: none;">取消</a>
						</dl>
						<a class="more">更多</a>
					</li>
					
					<li>
						<dl>
							<dt>适用性别：</dt>
							<dd>
								<a href="shop_list.html">男 </a>
								<a href="shop_list.html">女 </a>
								<a href="shop_list.html">中性</a>
								<a href="shop_list.html">通用</a>	
							</dd>
							
						</dl>
					</li>
					
					<li>
						<dl>
							<dt>适用年龄：</dt>
							<dd>
								<a><label><i><input type="checkbox" /></i>连身衣</label></a>
								<a><label><i><input type="checkbox" /></i>爬爬服</label></a>
								<a><label><i><input type="checkbox" /></i>连衣裙</label></a>
								<a><label><i><input type="checkbox" /></i>套装</label> </a>
								<a><label><i><input type="checkbox" /></i>裤子</label> </a>
								<a><label><i><input type="checkbox" /></i>上衣</label></a>
								<a><label><i><input type="checkbox" /></i>外套</label></a>	
							</dd>
							<a class="dxoff">取消</a>
							<a class="affirm">确认</a>
						</dl>
						<a class="multiple">+多选</a>
					</li>
					<li>
						<dl>
							<dt>选购热点：</dt>
							<dd>
								
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>纯棉加厚</label></a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>卡通</label> </a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>背带</label></a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>条纹</label></a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>假两件</label></a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>糖果色</label> </a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>心形</label> </a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>套头衫 </label></a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>动物</label> </a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>纹理</label></a>	
							</dd>
							<a class="dxoff">取消</a>
							<a class="affirm">确认</a>
						</dl>
						<a class="multiple">+多选</a>
					</li>
					<li>
						<dl>
							<dt>适用季节：</dt>
							<dd>
								<a href="shop_list.html">春 </a>
								<a href="shop_list.html">夏</a>
								<a href="shop_list.html">秋</a>
								<a href="shop_list.html">冬</a>
							</dd>
							<a class="dxoff">取消</a>
							<a class="affirm">确认</a>
						</dl>
					</li>
					<li>
						<dl>
							<dt>厚薄：</dt>
							<dd>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>常规</label>  </a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>加厚</label> </a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>薄款</label></a>
								<a href="shop_list.html"><label><i><input type="checkbox" /></i>加绒</label>  </a>
							</dd>
							<a class="dxoff">取消</a>
							<a class="affirm">确认</a>
						</dl>
						<a class="multiple">+多选</a>
					</li>
				</ul>
			</div>
					<script>
					
						
						$(".conter .top ul li dl dd a label").click(function(){
							if($(this).find("input").is(":checked")){
								$(this).find("i").removeClass("do")
								$(this).find("input").removeAttr("checked")
							}else{
								$(this).find("input").prop("checked","checked")
								$(this).find("i").addClass("do")
							}
						})
						//多选
						$("a.multiple").click(function(){
							$(this).css("display","none")
							$(this).siblings("dl").children("a").css("display","block")
							$(this).siblings("dl").find("lable").css("display","block")
							$(this).siblings("dl").find("i").css("display","block")
							
						})
						$(".conter .top ul li a.dxoff").click(function(){
							$(this).css("display","none")
							$(this).siblings("a").css("display","none")
							$(this).siblings("dd").find("i").css("display","none")
							$(this).parent("dl").siblings("a.multiple").css("display","block")
						})
						$(".conter .top ul li a.affirm").click(function(){
							window.setTimeout("window.location='shop_list.html'");
						})
						
						$(".conter .top ul li dl dd a").dblclick(function(){
							
						})
						
						//更多
						$("a.more").click(function(){
							$(this).siblings("dl").children("dd").css("display","block")
							$(this).siblings("dl").children("a.off").css("display","block")
							$(this).css("display","none")
							console.log(888)
						})
						$("a.off").click(function(){
							$(this).css("display","none")
							$(this).prev("dd").css("display","none")
							$(this).parent("dl").siblings("a.more").css("display","block")
						})
					</script>
			<div class="middle">
				<div class="mid-top">
					<div class="filtrate">
						<button><i class="on">综合</i></button>
						<button><i>热销</i></button>
						<button><i>销量</i></button>
						<button><i>新品</i></button>
						<button><i>价格</i></button>
					</div>
					<div class="price">
						<input type="text" id="" placeholder="￥请输入" />
						<span>~</span>
						<input type="text" placeholder="￥请输入" />
					</div>
					<div class="skip">
						<a>1/50</a>
						<button><</button>
						<button>></button>
					</div>
				</div>
				<!--mid-top-->
				<div class="mid-contre">
					<ul>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_01.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_02.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_03.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_04.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_05.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_06.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_07.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_08.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_09.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_10.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_11.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_12.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_13.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_14.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_15.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_16.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_17.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_18.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_19.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
						<li>
							<a href="pro_details.html"><img src="images/shop_list_20.jpg"></a>
							<div class="pro-bot">
								<a class="price">RMB:336.0</a>
								<button>加入购物车<img src="images/cart.png"></button>
								<p>女婴2016秋冬纯棉长袖爬服夹棉连身衣</p>
								<span><i>月成交：1100笔</i><i>评价：1190条</i></span>
							</div>
						</li>
					</ul>
				</div>
				<!--mid-contre-->
				<div class="mid-bot">
					<ul>
						<li><a class="#">首页</a></li>
						<li><a class="#">1</a></li>
						<li><a class="#">2</a></li>
						<li><a class="#">3</a></li>
						<li><a class="#">4</a></li>
						<li><a class="#">5</a></li>
						<li><a class="#">6</a></li>
						<li><a class="#">7</a></li>
						<li><a class="#">8</a></li>
						<li><a class="#">下一页</a></li>
						<li><a class="#">末页</a></li>
						<li><span>共48页</span></li>
						<li><label>第<input type="text" value=""/>页</label></li>
						<li><a>确定</a></li>
					</ul>
				</div>
			</div>
			<!--middle-->
		</div>

		<div class="footer">
			<div class="footer-top">
				<a class="code-left"><img src="images/code01.jpg"><span>官方微信</span></a>
				<a class="code-right"><img src="images/code02.jpg"><span>官方微博</span></a>
				<ul>
					<li>
						<i>7</i>
						<span>七天无理由退货</span>
					</li>
					<li>
						<i>优</i>
						<span>品质保证</span>
					</li>
					<li>
						<i>特</i>
						<span>特色服务体验</span>
					</li>
					<li>
						<i>？</i>
						<span>帮助中心</span>
					</li>
				</ul>
			</div>
			
			<!--footer-top-->
			<div class="footer-bottom">
				<p>
					<a href="about.html"><i>关于我们 </i></a>
					<a href="#"><i>购物袋 </i></a>
					<a href="#"><i>我的账户</i></a>
					<a href="#"><i>顾客查询</i></a>
					<a href="#"><i>产品优点</i></a>
					<a href="#"><i>零售网络</i></a>
					<a href="contact_us.html"><i>联络我们</i></a>
					<a href="#">Hallmark Babies 官方网站 Officia</a>
					<a href="#">Website</a>
				</p>
				<p><a class="left">Copyright © 2009-2016 MYBABYKID.COM 版权所有 </a><a href="#" class="right">使用条款 | 隐私及安全条例</a></p>
				<p> © Hallmark Cards, Inc.</p>
				<div class="attention">
					<p>立即关注</p>
					<p>最新产品</p>
					<p>优惠信息发布</p>
				</div>
			</div>
		</div>
	</body>
</html>
